// 引入 qqmap.js
import qqmap from '../../../utils/qqmap'
// house_pkg/pages/locate/index.ts
Page({
  onLoad() {
    // 当页面加载时，调用获取当前位置的方法
    this.getLocation();
  },

  // 异步函数：获取当前的位置
  async getLocation() {
    // 调用 wx.getLocation() 方法获取用户的经纬度
    const {
      latitude, // 纬度
      longitude // 经度
    } = await wx.getLocation(); // 等待获得位置数据
    // 打印经纬度到控制台
    // console.log(latitude, longitude);
    this.getAddress(latitude, longitude)

  },
  // 重新选择地址
  async chooseLocation() {
    const { latitude, longitude } = await wx.chooseLocation()
    // console.log(latitude, longitude)
    this.getAddress(latitude, longitude)
  },
  // 将经纬度解析为准确的地址
  /**
   *
   * @param {*} latitude 纬度
   * @param {*} longitude 经度
   */
  getAddress(latitude, longitude) {
    qqmap.reverseGeocoder({
      location: `${latitude},${longitude}`,
      success: (res) => {
        // console.log(res)
        const { address } = res.result
        // console.log(address)
        this.setData({
          address
        })
      }
    })
    //根据当前的经纬度去搜索当前附近的住宅小区
    qqmap.search({
      keyword: '天河客运站', //搜索关键词
      location: `${latitude},${longitude}`, //设置周边搜索中心点
      page_size: 10,
      success: (res) => {
        // console.log(res, 111)
        const houses = res.data.map((item) => {
          return {
            id: item.id,
            title: item.title,
            distance: item._distance
          }
        })
        // console.log(houses, 33333)
        this.setData({
          houses
        })
      }
    })
  }
})